<template>
	<div class='free_list'>
		<!-- 免流量服务 -->
		<div class='free_nav'>
			<router-link to="/layout/found"><img src="../../../assets/icon-close45.png"></router-link>			
			<span>免流量服务</span>
		</div>
		<!-- 。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。 -->
		<div class="box">
			
		</div>
		<div class="free_headerpc">
			<img src="../../../assets/41750.350.png">
		</div>
		<!-- ................................................................................. -->
		<div class="free_Dwon">
			<h4>腾讯王卡</h4>
			<div class='free_item'>
				<p>已开通腾讯王卡 <span>立即激活享赠送500兆流量</span></p>
				<div class="free_box">
                   <div class="free_boxf">
                   	   <img src="../../../assets/dianxin.png">
                   	   <div class='free_item_right'>
							<p>腾讯王卡</p>
						    <p>限时限量，立即申请</p>
						</div>
                   </div>
                     <div class='free_item_jiantou'>
	                	<img src="../../../assets/icon-next45black.png">
	                </div> 
                </div>
			</div>


			<div class='free_Down_list'>
				<p>中国移动</p>
				<div class="free_box1">
                   <div class="free_boxf">
                   	   <img src="../../../assets/yidong.png">
                   	   <div class='free_item_right'>
							<p>中国移动</p>
						    <p>不限速，足够用</p>
						</div>
                   </div>
                     <div class='free_item_jiantou'>
	                	<img src="../../../assets/icon-next45black.png">
	                </div> 
                </div>
			</div>



			<div class='free_Down_list'>
				<p>中国联通</p>
				<div class="free_box1">
                   <div class="free_boxf">
                   	   <img src="../../../assets/liantong.png">
                   	   <div class='free_item_right'>
							<p>中国联通</p>
						    <p>4G套餐组合，逆天升级</p>
						</div>
                   </div>
                     <div class='free_item_jiantou'>
	                	<img src="../../../assets/icon-next45black.png">
	                </div> 
                </div>
			</div>
		</div>
	</div>
</template>
<script>
	export default {
		name:'freeFlow',
		data(){
			return{
				
			}
		}
	}
</script>
<style scoped lang="Less">
.free_list{
	width: 100%;
/*	height: 200 / 100rem;*/
}
.free_nav{
	width: 100%;
	height: 88 / 100rem;
	position: fixed;
	top: 0;
	left: 0;
	background: url('../../../assets/daohang.png');
	background-size: 100%;
}

.free_nav img{
	width: 40 / 100rem;
	height: 40 / 100rem;
	display: inline-block;
    margin-left: 20 / 100rem;
    margin-top:  26 / 100rem;

}
.free_nav span{
	display: inline-block;
	margin-left: 238 / 100rem;
	font-size: 36 / 100rem;
	color: #ffffff;
}

/*...........................................................*/
.free_headerpc{
	width: 100%;
	height: 350 / 100rem;
	/*margin-top: 88 / 100rem;*/
}
.box{
	height: 88 / 100rem;
	width: 100%;
}
.free_headerpc img{
	width: 100%;
	height: 350 / 100rem;
}
.free_Dwon{
	width: 100%;
	margin-top: 37 / 100rem;
}
.free_Dwon h4, .free_Dwon p{
	margin-left: 20 / 100rem;
	color: #333333;
}
.free_Dwon h4{
	font-size: 30 / 100rem;
}	
.free_Dwon p{
	font-size: 24 / 100rem;
	margin-top: 12 / 100rem;
}
.free_Dwon p span{
  color: #c995f5;
}
.free_box{
	width: 630 / 100rem;
	height: 120 / 100rem;
    margin: 32 / 100rem 60 / 100rem 80 / 100rem 58 / 100rem;
    overflow: hidden;
    position: relative;
    border: 1px solid #c997f5;
}
.free_boxf{
	float: left;
}
.free_boxf>img{
	position: absolute;
	width: 60 / 100rem;
	height: 60 / 100rem;
	left:45 / 100rem; 
	top:30 / 100rem;
}

.free_item_right{
	position: absolute;
	left: 160 / 100rem;
	top: 13 / 100rem;
	font-size: 24 / 100rem;
	color: #3333333

}
.free_item_jiantou{
	float: right;
	width: 27 / 100rem;
	height: 45 / 100rem;
	margin-top:37 / 100rem;
	margin-right: 30 / 100rem;
}
.free_item_jiantou img{
	width: 27 / 100rem;
	height: 45 / 100rem;
}
/*...................................................................*/
.free_Down_list{
	width: 100%;
	margin-top: 80 / 100rem;
}
.free_box1{
   width: 630 / 100rem;
	height: 120 / 100rem;
    margin: 32 / 100rem 60 / 100rem 80 / 100rem 58 / 100rem;
    overflow: hidden;
    position: relative;
    border: 1px solid #000000;
}
</style>